@media screen and (min-width: 1600px) {
    .container {
        width: 1400px;
    }

}

@media all and (min-width: 1430px) and (max-width: 1600px) {

    .djgzlist .list {
        width: 48%;
    }

    .djgzlist .ztimg {
        width: 45%;
    }

}


@media all and (min-width: 1280px) and (max-width: 1430px) {
    .container {
        width: 1200px;
    }

    .gallery-thumbs .swiper-slide {
        width: 90px;
    }

    .gallery-thumbs .swiper-slide .img {
        width: 90px;
        height: 90px;
    }

    /* .djgzlist .ztimg {
        width: 550px;
    } */

    .nav li.nli {
        padding: 0;
    }

    .gallery-top .title-img {
        width: 440px;
        height: 440px;
        background-size: cover;
    }

    .gallery-top .swiper-slide .box {
        align-items: center;
    }

    .gallery-top .text-desc {
        padding: 0;
    }

    .djSlide .swiper-pagination {
        bottom: 25px;
    }

    .djlist .box .desc {
        line-height: 20px;
        height: 20px;
        margin: 2px 0;
    }


}

@media screen and (max-width: 1280px) {

    .mbheader {
        display: block;
    }

    .ft-16 {
        font-size: 14px;
    }

    .ft-18 {
        font-size: 16px;
    }

    .ft-20 {
        font-size: 18px;
    }

    .ft-24 {
        font-size: 18px;
    }

    .p-t-80 {
        padding-top: 40px;
    }

    .m-t-40 {
        margin-top: 20px;
    }

    .container {
        width: 94%;
    }

    .column .name {
        font-size: 24px;
    }

    .column .en {
        font-size: 13px;
    }

    .newSlide,
    .about .left,
    .about .right,
    .djgzlist .list,
    .djgzlist .ztimg {
        width: 100%;
    }

    .newContent,
    .newContent ul li.f,
    .newSlide .swiper-slide .text {
        width: 100%;
        padding: 15px;
    }

    .foot,
    .content1,
    .content2,
    .content3,
    .content4,
    .newContent ul li.f {
        height: auto;
    }

    .newSlide .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .newSlide .swiper-slide .dete {
        width: 70px;
        height: 60px;
    }

    .newSlide .swiper-slide .d {
        font-size: 24px;
    }

    .newSlide .swiper-slide .text {
        height: 105px;
    }

    .about {
        height: auto;
    }

    .djgzlist {
        height: auto;
        flex-wrap: wrap;
    }

    .about .left {
        padding: 0;
    }

    .about .left .name {
        font-size: 20px;
    }

    .about .left .desc {
        line-height: 30px;
        margin: 15px 0;
    }

    .aboutBtn {
        width: 100%;
        height: auto;
        position: unset;
        padding: 15px;
    }

    .djgzlist .list li {
        width: 100%;
        height: 50px;
    }

    .content3,
    .content4 {
        padding-bottom: 25px;
    }

    .foot {
        padding: 25px 0;
    }

    /* ------------ */
    .header {
        display: none;
    }

    .content2 .column,
    .content3 .column,
    .content4 .column {
        padding: 40px 0 20px 0;
    }

    .content2 {
        background: unset;
    }

}

@media screen and (max-width: 768px) {

    .cpzxlist {
        top: 0;
    }

    .gallery-top {
        width: 100%;
    }

    .gallery-thumbs {
        width: 100%;
        margin-top: 25px;
        display: none;
    }

    .gallery-top .title-img {
        width: 100%;
        height: auto;
        padding: 15%;
        aspect-ratio: 1/1;
        background-size: cover;
    }

    .gallery-top .text-desc {
        width: 100%;
        padding: 15px 0;
    }

    .cpzxlist .swiper-next,
    .cpzxlist .swiper-prev {
        left: 0;
        top: 60%;
    }

    .cpzxlist .swiper-next {
        left: auto;
        right: 0;
    }

    .footer .item2 {
        width: 100%;
        flex-direction: column;
    }

    .footer .yqljlinks {
        margin: 25px auto;
        display: none;
    }

    .footer .banq {
        box-sizing: border-box;
        padding: 15px 5%;
        text-align: center;
        font-size: 13px;
    }

    .column .more {
        width: 120px;
        height: 35px;
    }

    .column .more span {
        margin: 0;
    }

    .column .more img {
        display: none;
    }

    .con-tzgg {
        padding: 0 15px;
    }

    .tzgglist .swiper-slide span {
        display: none;
    }

    .about .right .img .video {
        width: 40px;
        height: 40px;
        left: calc((100% - 40px) / 2);
        top: calc((100% - 40px) / 2);
    }

    .content10 {
        padding: 35px 0 30px 0;
    }

    .aboutBtn {
        justify-content: flex-start;
    }

    .aboutBtn .box {
        width: 33.3%;
        margin: 10px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .aboutBtn .box p {
        font-size: 13px;
        margin-top: 5px;
    }

    .aboutBtn .ico {
        width: 70px;
        height: 70px;
    }

    .aboutBtn .ico .img {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }

    .aboutBtn .ico .img img {
        width: 40%;
    }

    .banlist .swiper-prev,
    .banlist .swiper-next {
        top: calc((100% - 30px) / 2);
    }

    .banlist .swiper-prev img,
    .banlist .swiper-next img {
        width: 20px;
    }

    .textlist ul li .dete,
    .piclist ul li .dete {
        font-size: 16px;
        width: 50px;
    }

    .textlist ul li .xian,
    .piclist ul li .xian {
        width: 20px;
        height: 20px;
        background-size: cover;
        margin: 0;
    }

    .textlist ul li .text {
        width: calc(100% - 70px);
    }

    .piclist ul li .text2 {
        padding: 15px 0;
    }

    .textlist ul li {
        height: auto;
    }

    .sublist {
        height: auto;
    }

    .sublist .list a {
        margin: 0 10px;
        height: 45px;
        line-height: 45px;
    }

    .textlist ul li:nth-child(2n) {
        height: auto;
        padding: 25px 0;
    }

    .textlist ul li .desc,
    .piclist ul li .desc {
        margin-top: 5px;
        -webkit-line-clamp: 1;
    }

    .crumbs .name {
        font-size: 20px;
    }

    .crumbs .en {
        display: none;
        margin: 3px 0;
    }

    .piclist ul li .img {
        width: 100%;
    }

    .piclist ul li .text {
        width: 100%;
    }

    .piclist ul li a {
        flex-direction: column-reverse;
    }

    .con-textlist ul.info li .title {
        font-size: 16px;
    }

    .con-textlist ul.info li .dete,
    .con-textlist ul.info li .desc {
        font-size: 14px;
    }

    .column .title::before {
        width: 3px;
        height: 40px;
        top: 6px;
    }

    .gallery-top .swiper-slide .box {
        flex-wrap: wrap;
    }

    .tabHead {
        position: unset;
        display: flex;
        margin-bottom: 25px;
        justify-content: space-between;
    }

    .tabHead a {
        margin: 0;
        width: 30%;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
    }

    .padding-top-90 {
        padding-top: 30px;
    }

    .padding-bottom-90 {
        padding-bottom: 30px;
    }

    .crumbs {
        background-size: auto;
    }

    /* ------------------ */

    .subnav2 {
        width: 100%;
        padding: 15px;
    }

    .subnav2 ul {
        display: flex;
        flex-wrap: wrap;

    }

    .subnav2 ul li {
        width: auto;
        border: none;
        margin: 0 10px;
    }

    .subnav2 ul li span {
        display: none;
    }


    .cplist {
        width: 100%;
        margin-top: 35px;
    }

    .cplist .box {
        width: 100%;
    }

    .cplist .box .text {
        padding: 15px;
    }

    .ztzllist {
        justify-content: space-between;
    }

    .ztzllist .box {
        width: calc((100% - 15px) / 2);
        margin-bottom: 15px;
        margin-right: 0;
    }

    .detail {
        padding: 25px 15px;
    }

    .detail .title {
        font-size: 20px;
    }

    .detail .timer {
        margin: 10px 0 5px 0;
    }

    .detail .timer span {
        font-size: 13px;
        margin: 0 5px;
    }

    .detail .dtl p,
    .detail .dtl p span {
        font-size: 15px !important;
        line-height: 28px;
    }

    .detail .dtl p img,
    .detail .dtl p video {
        max-width: 100%;
        height: auto !important;
    }



    .dtl-page li {
        height: auto;
        line-height: 26px;
        padding: 10px 0;
    }

    .dtl-page li a {
        font-size: 14px;
    }

    .picture ul li {
        width: 100%;
        margin-right: 0;
    }

    .picture ul li .title {
        height: 45px;
        line-height: 45px;
    }

    .about .right,
    .land-contact .item a {
        display: none;
    }

}